//顶部搜索
$(function(){
	$('.h-search').hover(function(){
		$('.h-s-box').stop(true,true).show(300)
	},function(){
		$('.h-s-box').stop(true,true).hide(300)
	})
})
//顶部导航
$(function(){
	var liWidth = $('.h-nav li').width();
	$('.h-nav li').hover(function(){
		var liIndex = $(this).index();
		$('.h-nav li a').css('color','#000');
		$(this).find('a').css('color','#fff');
		$('.h-nav li.bg').css('left',liIndex*liWidth+'px')
	},function(){
		var acIndex = $('.h-nav li.ac').index();
		$('.h-nav li a').css('color','#000');
		$('.h-nav li.ac a').css('color','#fff');
		$('.h-nav li.bg').css('left',acIndex*liWidth+'px')
	})
})
//焦点图
$(function(){
	var bannerNum = $('.banner li').length;
	var spanNumA = 0;
	function Banner(){
		$('.b-spot li').removeClass('ac');
		$('.banner li').removeClass('ac');
		$('.b-spot li').eq(spanNumA).addClass('ac');
		$('.banner li').eq(spanNumA).addClass('ac');
	}
	$('.b-spot li').click(function(){
		spanNumA = $(this).index();
		Banner();
	})
	setInterval(function(){
		spanNumA++;
		if (bannerNum-1 < spanNumA) {
			spanNumA = 0;
		}
		Banner();					
	},5000)

	var spotWidth = $('.b-spot').width();
	$('.b-spot').css('left',(1200-spotWidth)/2+'px');
})
//类别
$(function(){
	$('.i-right li').hover(function(){
		var liThis = $(this);
		$('.i-right li').removeClass('ac');
		liThis.addClass('ac');
	})
})
//二维码
$(function(){
	var qrNum = $('.qr-code').length;
	var qrWidth = $('.qr-code').width();
	var qrMarginl = parseInt($('.qr-code').css('margin-left'));
	$('.f-w-box').width(qrNum*(qrWidth+qrMarginl*2));
	$('.f-w-icon').hover(function(){
		$('.f-w-box').stop(true,true).slideDown(200);
	},function(){
		$('.f-w-box').stop(true,true).slideUp(200);
	})
})